<!DOCTYPE html>
<html lang="zh-CN">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>pc端淘宝框架</title>
 <link rel="stylesheet" href="taobaogrid.css">
</head>

<body>
 <header>
  <nav>
   <div class="topnav">
    <div class="leftMenu">
     <div class="item"><a href=""></a></div>
     <div class="item"><a href=""></a></div>
     <div class="item"><a href=""></a></div>
     <div class="item"><a href=""></a></div>
     <div class="item"><a href=""></a></div>
    </div>
    <div class="rightMenu">
     <div class="item"></div>
     <div class="item"></div>
     <div class="item"></div>
     <div class="item"></div>
     <div class="item"></div>
     <div class="item"></div>
     <div class="item"></div>
    </div>
   </div>
   <div class="topbanner"><a href="#">
     <div class="img"></div>
    </a>
    <div class="banneritem">
     <div class="leftTxt">
      <h3></h3>
      <h5></h5>
     </div>
     <div class="rightImg"></div>
    </div>
    <div class="banneritem">
     <div class="leftTxt">
      <h3></h3>
      <h5></h5>
     </div>
     <div class="rightImg"></div>
    </div>
    <div class="banneritem">
     <div class="leftTxt">
      <h3></h3>
      <h5></h5>
     </div>
     <div class="rightImg"></div>
    </div>
    <div class="banneritem">
     <div class="leftTxt">
      <h3></h3>
      <h5></h5>
     </div>
     <div class="rightImg"></div>
    </div>
    <div class="banneritem">
     <div class="leftTxt">
      <h3></h3>
      <h5></h5>
     </div>
     <div class="rightImg"></div>
    </div>
   </div>
  </nav>
 </header>
 <main>
  <div class="mainBody">
   <div class="mainsearch"><a href="" class="logo">
     <div class="img"></div>
    </a>
    <div class="mainsearch_Search">
     <div class="upperInput"></div>
     <div class="bottomLinks">
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
      <div class="linkitem"></div>
     </div>
    </div>
    <div class="mainsearch_Erweima">
     <div class="img"></div>
    </div>
   </div>
   <div class="maincate">
    <div class="maincate_Left"></div>
    <div class="maincate_Right">
     <div class="top_Links">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
     </div>
     <div class="bottom_Slides"></div>
     <div class="bottom_Person">
      <div class="item"></div>
      <div class="item">
       <div class="btn"></div>
       <div class="btn"></div>
       <div class="btn"></div>
      </div>
      <div class="item">
       <div class="links"></div>
       <div class="links"></div>
       <div class="links"></div>
       <div class="links"></div>
      </div>
     </div>
    </div>
   </div>
   <div class="Products">
    <div class="title">
     <h3></h3><small></small>
    </div>
    <ul class="product_List">
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
     <li><a>
       <div class="img"></div>
       <div class="txt">
        <p><span></span><span></span><span></span></p>
        <p><span></span></p>
        <p><span></span></p>
       </div>
      </a></li>
    </ul>
   </div>
  </div>
 </main>
</body>

</html>